// var xbardata = [
//     0,
//     0,
//     0,
//     0,
//     1,
//     1,
//     1,
//     2,
//     3,
//     4,
//     6,
//     8,
//     10,
//     12,
//     12,
//     13,
//     19,
//     20,
//     30,
//     33,
//     40,
//     42,
//     70,
//     101,
//     125,
//     125,
//     132,
//     143,
//     149,
//     228,
//     235,
//     833,
//     281705,
//     4693890,
// ]
// // var xbardata  = []
// var ybardata = [
//     "河北",
//     "青海",
//     "西藏",
//     "宁夏",
//     "贵州",
//     "湖北",
//     "新疆",
//     "山西",
//     "湖南",
//     "江西",
//     "安徽",
//     "澳门",
//     "江苏",
//     "辽宁",
//     "陕西",
//     "黑龙江",
//     "河南",
//     "云南",
//     "重庆",
//     "山东",
//     "北京",
//     "浙江",
//     "内蒙古",
//     "上海",
//     "福建",
//     "吉林",
//     "甘肃",
//     "天津",
//     "广西",
//     "四川",
//     "广东",
//     "海南",
//     "香港",
//     "台湾",
// ]
// var ybardata = []


var ec_center_bar = echarts.init(document.getElementById('detailsBar'));
var ec_center_bar_option = {

    title:
        [
            {
                id: 'statistic',
                text: "疫情规模指数",
                left: '0%',
                top: '8%',
                textStyle: {
                    color: '#fff',
                    fontSize: 15
                }
            }
        ],

    xAxis: {
        type: 'value',
        scale: true,
        position: 'top',
        min: 0,
        boundaryGap: false,
        splitLine: {
            show: false
        },
        axisLine: {
            show: false,
        },
        axisTick: {
            show: false
        },

        axisLabel: {

            show: true,
            // color: '#4c9bfd',
            color: '#ddd',
            fontSize: 10,
            formatter: function (value) {
                if (value >= 1000) {
                    value = value / 1000 + 'k';
                }
                return value;
            }
        },


    },

    yAxis: {

        splitLine: {
            show: false
        },
        axisLine: { //y轴
            show: false
        },
        type: 'category',
        axisTick: {
            show: false
        },
        inverse: true,
        // data: ybardata,
        data: [],
        axisLabel: {
            color: '#A7D6F4',
            fontSize: 14,
        }
    },

    dataZoom: [//滑动条
        {
            yAxisIndex: 0,//这里是从X轴的0刻度开始
            show: false,//是否显示滑动条，不影响使用
            type: 'slider', // 这个 dataZoom 组件是 slider 型 dataZoom 组件
            startValue: 0, // 从头开始。
            endValue: 7,  // 一次性展示6个。
        }
    ],
    // backgroundColor: '#EDF5FF',
    //调整柱状图位置
    grid: {
        // right: '0%',
        top: '15%',
        // bottom: '10%',
        width: '45%'

    },

    tooltip: {
        trigger: 'item'
    },


    series: [
        //柱状图
        {
            name: "现有确诊",
            // data: xbardata,
            data: [],
            zlevel: 1.5,
            type: 'bar',
            symbol: 'none',
            yAxisIndex: 0,
            // //柱子之间的距离
            // barCategoryGap: 0,
            //柱子的宽度
            barWidth: 20,
            //柱子设置成圆角
            itemStyle: {
                barBorderRadius: 15,
                color: "#0033FF"
            },
            //显示柱子内的文字
            label: {
                show: true,
                position: "inside",
                //解析data内的数据
                formatter: "{c}"
            },
            itemStyle: {
                normal: {
                    barBorderRadius: [10, 10, 10, 10],
                    color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                        offset: 0,
                        color: 'rgba(65,250,240,0.5)'
                    },
                    {
                        offset: 1,
                        color: "rgba(65,250,240,1)"
                    }
                    ])
                }
            },

        },

    ]

}

window.addEventListener("resize", function () {
    ec_center_bar.resize();
});

// //滚动条定时器
// setInterval(function () {
//     // 每次向后滚动一个，最后一个从头开始。
//     if (ec_center_bar_option.dataZoom[0].endValue === xbardata.length) {
//         ec_center_bar_option.dataZoom[0].endValue = 6;
//         ec_center_bar_option.dataZoom[0].startValue = 0;
//     }
//     else {
//         ec_center_bar_option.dataZoom[0].endValue = ec_center_bar_option.dataZoom[0].endValue + 1;
//         ec_center_bar_option.dataZoom[0].startValue = ec_center_bar_option.dataZoom[0].startValue + 1;
//     }

//     ec_center_bar.setOption(ec_center_bar_option);
// }, 2000);
